{{#section 'head'}}
    <link rel="stylesheet" href="/lib/fileinput/css/bootstrap-fileinput.css"/>
    <link rel="stylesheet" href="/styles/setting.css"/>
{{/section}}
{{#section 'js'}}
    <script src="/components/plupload/js/plupload.full.min.js"></script>
    <script src="/components/qiniu/dist/qiniu.min.js"></script>
    <script src="/lib/fileinput/js/bootstrap-fileinput.js"></script>
    <script src="/components/jquery-validation/dist/jquery.validate.min.js"></script>
    <script src="/scripts/setting.js"></script>
{{/section}}
<div class="content">
    <div class="container">
        <div class="row">
            <div class="col-md-9 left-side">
                <ol class="breadcrumb">
                    <li><a href="/"><span class="glyphicon glyphicon-home"></span></a></li>
                    <li><a href="/user/{{user.userName}}">个人中心</a></li>
                    <li class="active">信息设置</li>
                </ol>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">信息设置</h3>
                    </div>
                    <div class="panel-body">
                        <form id="settingForm" novalidate="novalidate" class="form-horizontal" role="form" method="post">
                            <div class="alert alert-danger display-hide" style="display: none;">
                                <button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                输入有误
                            </div>
                            <div class="form-group">
                                <label  class="col-sm-2 control-label">用户名</label>
                                <div class="col-sm-5 control-div">
                                    {{u.username}}
                                </div>
                            </div>
                            <div class="form-group">
                                <label  class="col-sm-2 control-label">密码</label>
                                <div class="col-sm-5">
                                    <input type="password" class="form-control" name="password"  placeholder="请输入密码" value="{{u.password}}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">邮箱</label>
                                <div class="col-sm-5 control-div">
                                    {{u.mail}}
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">个性签名</label>

                                <div class="col-sm-5">
                                    <input type="text" class="form-control" name="signature"   placeholder="请输入个性签名" value="{{u.signature}}">

                                </div>
                            </div>
                            <!-- 暂时注掉 -->
                            <!--<div class="form-group">
                                <label class="col-sm-2 control-label">上传头像</label>

                                <div class="col-sm-5">
                                    <div class="fileinput fileinput-new" data-provides="fileinput">
                                        <div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 200px; height: 150px;">
                                            <img src="{{u.photo}}" />
                                        </div>
                                        <div>
                                            <span class="btn btn-default btn-file"><span class="fileinput-new">Select image</span><span class="fileinput-exists">Change</span><input type="file"></span>
                                            <a href="#" class="btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>
                                        </div>
                                    </div>
                                    <input type="hidden" name="photo" id="userPhoto" />
                                </div>
                            </div>-->
                            <div class="form-group">
                                <div class="col-md-10 col-md-offset-2">
                                    <button type="submit" class="btn btn-primary">保存</button>
                                </div>
                            </div>
                        </form>
                    </div>

                </div>

            </div>
            <div class="col-md-3 right-side">
                {{> mod-personal-info}}
                {{> mod-add-topic}}
                {{> mod-introduction}}
            </div>
        </div>
    </div>
</div>